<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="762px" height="332px" viewBox="-0.5 -0.5 762 332" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-11-25T17:01:10.130Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36&quot; etag=&quot;T5cNBiDdUTF6uu2Iquy8&quot; version=&quot;15.8.3&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;zOq2x0TiyNuPZxx3tNcP&quot; name=&quot;Page-1&quot;&gt;3VjbctowEP0az7QPdCw7+PJIaFI6U5pO6TTPAgusRvZ6hAgkX98VSL4kTuJ06kDLC9LZ1cU6Z3ctO/44232StEinkDDheG6yc/yPjucRN4jwTyN3ByQOwwOwkjwxThUw4/fMjjTohids3XBUAELxogkuIM/ZQjUwKiVsm25LEM1VC7pij4DZgorH6DVPVHpAo6Fb4RPGV6ldmbjGklHrbIB1ShPY1iD/wvHHEkAdWtluzIQ+PHsuh3GXT1jLjUmWqy4D3J9XMIsmI5JeB2I3uSSz8+mAGHpuqdiYJ3a8QOCE53NsrHTjw69iYObSzSmVN/ggeQ36CorNAW7qbhkkA9xawiRLyimlndMiuN15he2PSd3Zs5ewwfF6+y6atylXbFbQhbZuUW2IpSoT2CPYpIKvcmwLttST3TKpONI4MrAC7b9WEm5KIr1yUe3Ndk8eLCnpQp0zyJiSd+hiBkTx8DDESDwyhG8rvYSBwdKaVnzfgNRodFVOXdGIDcPka1iNu7M6YRQ5MqRpYJAa5H/mLHabnBHSQtpZG2l9cWbTRBfOBjwvNuoaz7M4aaKWXIgxCJDYzyFnpZMFHQyCwI/9pCdWhx1ZLcvN36eVdKf1EmtBMxSXBjlZhnsgzQ+PHopeR85ACFqs2wjS5s86SF/wqaL5GceTYTsFye8hV1SYZeoBjrG8WLDhctl7lJMHUd5ScNvqLQl7E4zfTTB7RYwko/UY5xX4bxBPjpHZow6cD9+W9LOuWSJhU45XEXmRcAU2vzc6pTAs2kUJ73h+y9d8Ltj744uiJRuw/a9vZRA3bErDa3mVi9qU0V/9GL4iHXyTkBXqmQqiZfGU02kmiKNpIY5flkL4tlIIuknhu7kpT35Mv4whyyA3mcEa7K37wSX8aqNQIqcpg4d14u1SAgle1sFZ6yvCHwgBu9VHnL2t9inMv/gN&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="1" y="1" width="760" height="330" fill="rgba(255, 255, 255, 1)" stroke="rgba(0, 0, 0, 1)" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 758px; height: 1px; padding-top: 8px; margin-left: 3px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-Cell .jp-MarkdownCell .jp-Notebook-Cell .jp-mod-rendered<br /></b></div></div></div></foreignObject><text x="3" y="20" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-Cell .jp-MarkdownCell .jp-Notebook-Cell .jp-mod-rendered&#xa;</text></switch></g><rect x="11" y="31" width="740" height="30" fill="rgba(255, 255, 255, 1)" stroke="rgba(0, 0, 0, 1)" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 738px; height: 1px; padding-top: 38px; margin-left: 13px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-CellHeader .jp-Cell-header<br /></b></div></div></div></foreignObject><text x="13" y="50" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-CellHeader .jp-Cell-header&#xa;</text></switch></g><rect x="11" y="71" width="740" height="210" fill="none" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 738px; height: 1px; padding-top: 78px; margin-left: 13px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-Cell-inputWrapper<br /></b></div></div></div></foreignObject><text x="13" y="90" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-Cell-inputWrapper&#xa;</text></switch></g><rect x="11" y="291" width="740" height="30" fill="rgba(255, 255, 255, 1)" stroke="rgba(0, 0, 0, 1)" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 738px; height: 1px; padding-top: 298px; margin-left: 13px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-CellFooter .jp-Cell-footer<br /></b></div></div></div></foreignObject><text x="13" y="310" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-CellFooter .jp-Cell-footer&#xa;</text></switch></g><rect x="21" y="101" width="60" height="170" fill="#cce5ff" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(-90 28 269)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 269px; margin-left: 28px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-Collapser<br />.jp-InputCollapser<br />.jp-Cell-inputCollapser<br /></b></div></div></div></foreignObject><text x="28" y="281" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-Collapser...</text></switch></g><rect x="91" y="101" width="650" height="170" fill="none" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 648px; height: 1px; padding-top: 108px; margin-left: 93px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-InputArea .jp-Cell-inputArea<br /></b></div></div></div></foreignObject><text x="93" y="120" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-InputArea .jp-Cell-inputArea&#xa;</text></switch></g><rect x="181" y="131" width="80" height="130" fill="#eeeeee" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(-90 188 259)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 128px; height: 1px; padding-top: 259px; margin-left: 188px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-CodeMirrorEditor .jp-Editor .jp-InputAreaEditor<br /></b>(invisible)</div></div></div></foreignObject><text x="188" y="271" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-CodeMirrorEditor...</text></switch></g><rect x="101" y="131" width="70" height="130" fill="#eeeeee" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(-90 108 259)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 128px; height: 1px; padding-top: 259px; margin-left: 108px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-InputPrompt<br />.jp-InputAreaPrompt<br /></b></div></div></div></foreignObject><text x="108" y="271" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-InputPrompt...</text></switch></g><rect x="271" y="131" width="460" height="130" fill="#eeeeee" stroke="#36393d" stroke-width="2" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 458px; height: 1px; padding-top: 138px; margin-left: 273px;"><div data-drawio-colors="color: rgba(0, 0, 0, 1); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>.jp-RenderedHTMLCommon .jp-RenderedMarkdown .jp-MarkdownOutput</b></div></div></div></foreignObject><text x="273" y="150" fill="rgba(0, 0, 0, 1)" font-family="Helvetica" font-size="12px">.jp-RenderedHTMLCommon .jp-RenderedMarkdown .jp-MarkdownOutput</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>
